<%inherit file="/base.html"/>

<%def name="main_heading()">${c.main_heading}</%def>

<%def name="toolbar()">
	${h.dropdown('district', c.district_id, c.districts, class_='active-select')}
	<a href="${h.url_gen(district='$id')}" class="hidden-url"></a>
	${h.print_version()}
</%def>

<%def name="content()">

<table class="data-table">
	<tr>
		<th class="left-aligned" colspan="2">${_('Total')}: ${len(c.males) + len(c.females)}</th>
	</tr>
	<tr>
		<th class="left-aligned">${_('Males')}: ${len(c.males)}</th>
		<th class="left-aligned">${_('Females')}: ${len(c.females)}</th>
	</tr>
	<tr>
		<td class="top-aligned left-aligned">
			% for male in c.males:
				${male}<br/>
			% endfor
		</td>
		<td class="top-aligned left-aligned">
			% for female in c.females:
				${female}<br/>
			% endfor
		</td>
	</tr>
</table>

</%def>
